Пример работы плагина fancyInput:

Для начала качаем архив с плагином https://github.com/yairEO/fancyInput и распаковываем его.

Далее подключаем CSS и jQuery к проекту в блоке <head>: 

<head>
    ...
    <link rel="stylesheet" href="css/fancyInput.css">
    <link rel="stylesheet" href="css/styles.css">
    <script src='js/jquery-1.9.1.min.js'></script>
</head>
...

В контентной части создаем поле ввода и указываем в атрибут class нужный эффект: 

<body>
    ...
    <div>
        <input type="text" class="fancy_effect_1" value="Введите текст" />
    </div>
    ...
</body>

Перед закрывающимся тегом </body> добавляем подключения скрипта: 

    ...
    <script src='js/fancyInput.js'></script>
</body>

После подключения скрипта вызываем его инициализацию: 

    ...
    <script src='js/fancyInput.js'></script>
    <script type="text/javascript">
        $(document).ready(function(){        
            $('.fancy_effect1').fancyInput()[0];            
        });
    </script>
</body>

Где 0 - номер применяемого эффекта, возможные значения 0 - 5.

Плагин fancyInput можно применять как для input так и для textarea. К сожалению плагин не поддерживает Internet Explorer.